<template>
	<div style=" margin:0 auto; width:60%">
    <Collapse v-model="value1">
        <Panel name="1">
            2015级成员
			<Row slot="content">
			    <Avatar v-for="item in memberList" :key="item.id" size="large"  class="Avatar_style" v-html="item.name"></Avatar>
			</Row>
        </Panel>
        <Panel name="2">
            2014级成员
			<p slot="content">
			    <Avatar size="large"  icon="person" class="Avatar_style"/>
			    <Avatar size="large" class="Avatar_style" @click="">彭济</Avatar>
			    <Avatar size="large" class="Avatar_style" >罗淦</Avatar>
			    <Avatar size="large" class="Avatar_style"  src="https://i.loli.net/2017/08/21/599a521472424.jpg" />
			    <Avatar size="large"  class="Avatar_style"   style="color: #f56a00;background-color: #fde3cf">U</Avatar>
			    <Avatar size="large"  class="Avatar_style"   style="background-color: #87d068" icon="person" ><p @click="new1">张耕博</p></Avatar>
			</p>
       </Panel>
       <Panel name="3">
            2013级成员
			<p slot="content">
			    <Avatar size="large"  icon="person" class="Avatar_style"/>
			    <Avatar size="large" class="Avatar_style" @click="">彭济</Avatar>
			    <Avatar size="large" class="Avatar_style" >罗淦</Avatar>
			    <Avatar size="large" class="Avatar_style"  src="https://i.loli.net/2017/08/21/599a521472424.jpg" />
			    <Avatar size="large"  class="Avatar_style"   style="color: #f56a00;background-color: #fde3cf">U</Avatar>
			    <Avatar size="large"  class="Avatar_style"   style="background-color: #87d068" icon="person" />
			</p>
        </Panel>
    </Collapse>
    <detailedInformation :searchData="ID" ></detailedInformation>
    </div>
</template>
<script>
	import detailedInformation from '@/components/backManagement/memberManagement'
    export default {
    	props:["searchData"],
        data () {
            return {
                value1: '1',
                ID:"1",
                memberList:[
                {
                	name:"罗gaygay",
                	id:"1",
                }, {
                	name:"罗大爷",
                	id:"2",
                }, {
                	name:"罗gaygay",
                	id:"3",
                }, {
                	name:"罗gaygay",
                	id:"4",
                }, {
                	name:"罗gaygay",
                	id:"5",
                }, {
                	name:"罗gaygay",
                	id:"6",
                },
                ]
            }
        },
        created(){
		     this.new1();
		},
		components:{
			detailedInformation
		},
		methods:{
	      new1(){
	      	alert("啊实打实打算、");
	      }
		}
    }
</script>
<style scoped>
.Avatar_style{
	margin-left: 20px;
	size:large;
}

	
</style>